<%--
  Created by IntelliJ IDEA.
  User: MyPC
  Date: 2021/5/15
  Time: 14:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<%@include file="/WEB-INF/include-head.jsp" %>
<script type="text/javascript">
        // 声明一个函数用于初始化 Pagination
        function initPagination() {
            // 获取分页数据中的总记录数
            var totalRecord = ${requestScope.pageInfo.total};
            // 声明 Pagination 设置属性的 JSON 对象
            var properties = {
                num_edge_entries: 3, // 边缘页数
                num_display_entries: 5, // 主体页数
                callback: pageSelectCallback, // 用户点击“翻页”按钮之后执行翻页操作的回调函数
                current_page: ${requestScope.pageInfo.pageNum-1}, // 当前页，pageNum 从 1 开始，必须-1 后才可以赋值
                prev_text: "上一页", next_text: "下一页",
                items_per_page:${requestScope.pageInfo.pageSize} // 每页显示 1 项
            };
            // 调用分页导航条对应的 jQuery 对象的 pagination()方法生成导航条
            $("#Pagination").pagination(totalRecord, properties);
        }

        // 翻页过程中执行的回调函数
        // 点击“上一页”、“下一页”或“数字页码”都会触发翻页动作，从而导致当前函数被调用
        // pageIndex 是用户在页面上点击的页码数值
        function pageSelectCallback(pageIndex, jQuery) {
            // pageIndex 是当前页页码的索引，相对于 pageNum 来说，pageIndex 比 pageNum 小 1
            var pageNum = pageIndex + 1;
            // 执行页面跳转也就是实现“翻页”
            window.location.href = "admin/page.html?pageNum=" + pageNum;
            // 取消当前超链接的默认行为
            return false;
        }
</script>
<body>

<%@include file="/WEB-INF/include-nav.jsp" %>
<div class="container-fluid">
    <div class="row">
        <%@include file="/WEB-INF/include-sidebar.jsp" %>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">

        </div>
    </div>
</div>
</body>
</html>